<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" />
		<title>预约寄件</title>

		<link rel="stylesheet" type="text/css" href="../../css/bargain/goBargain.css" />
		<link rel="stylesheet" type="text/css" href="../../css/tool/comm.css" />
		<link rel="stylesheet" type="text/css" href="../../css/tool/slides.css" />

		<script type="text/javascript" src="../../plugins/zepto.js"></script>
		<script type="text/javascript" src="../../js/tool/common.js"></script>
		<script type="text/javascript" src="../../js/bargain/goBargainKD.js"></script>

		<link rel="stylesheet" type="text/css" href="../../plugins/layer/need/layer.css" />
  		<script type="text/javascript" src="../../plugins/layer/layer.js"></script>


  		<script src="../../plugins/mobiscroll/js/mobiscroll.zepto.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.core.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.scroller.js" type="text/javascript"></script>

	    <script src="../../plugins/mobiscroll/js/mobiscroll.datetime.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.select.js" type="text/javascript"></script>

	    <script src="../../plugins/mobiscroll/js/mobiscroll.scroller.ios.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.scroller.android.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.scroller.android-ics.js" type="text/javascript"></script>
	    <script src="../../plugins/mobiscroll/js/mobiscroll.scroller.wp.js" type="text/javascript"></script>

	    <script src="../../plugins/mobiscroll/js/mobiscroll.i18n.zh.js" type="text/javascript"></script>

	    <link href="../../plugins/mobiscroll/css/mobiscroll.scroller.css" rel="stylesheet" type="text/css" />
	    <link href="../../plugins/mobiscroll/css/mobiscroll.scroller.sense-ui.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div class="top-border">
			<div class="div-item">
				<div class="div-flag">姓名:</div>
				<input id="Jj_HoseName" style="width: 58%;" type="text" class="login-text" placeholder="请输入姓名" />
			</div>
			
			<div class="div-item">
				<div class="div-flag">手机:</div>
				<input id="Jj_area" style="width: 58%;" type="text" class="login-text" placeholder="请输入手机号" />
			</div>

			<div class="div-item">
				<div class="div-flag">小区名:</div>
				<select id="Jj_band" class="login-text">
				   <option value="水印康庭">水印康庭</option>
				   <option value="中粮方圆府">中粮方圆府</option>
				</select>
			</div>

			<div class="div-item">
				<div class="div-flag">详细地址:</div>
				<input id="Jj_name" style="width: 58%;" type="text" class="login-text" placeholder="请输入详细地址" />
			</div>

			<div class="div-item">
				<div class="div-flag">取件时间:</div>
				<input id="Jj_prive" style="width: 58%;" type="text" class="login-text" placeholder="请输入取件时间" />
			</div>
		</div>
		
		<div class="cut_offRule"></div>

		<div class="bottom_border">
			<span style="margin-left: 2%;">备注：</span>

			<textarea id="Jj_remark" type="textarea" class="remark" placeholder="请输入您想填写的信息" ></textarea>
		</div>

		<div class="comm-bottom-btn" style="clear: both; margin-top:60px;" onclick="KDSubmit()">
			<span class="comm-bottom-span">提交</span>
		</div>
	</body>

	<script type="text/javascript">
        $(function () {
        	var currYear = (new Date()).getFullYear();	
			var opt={};
			opt.date = {preset : 'date'};
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
		        display: 'modal', //显示方式 
		        mode: 'scroller', //日期选择模式
				lang:'zh',
		        startYear:currYear - 10, //开始年份
		        endYear:currYear + 10, //结束年份
		        invalid:[{ start: '00:00', end: '07:59' },{ start: '20:01', end: '23:59' }]
			};

        	var optDateTime = $.extend(opt['datetime'], opt['default']);
		  	var optTime = $.extend(opt['time'], opt['default']);
		    $("#Jj_prive").mobiscroll(optDateTime).datetime(optDateTime);
        });
    </script>
</html>